<template>
  <div style="position: relative">
    <div style="position: absolute">
      <img src="../../../assets/images/index_bg.png" style="width: 100%;">
    </div>
    <div style="position: absolute;padding:20px 10px 10px;">
      <div class="info">
        <div class="info-img">
          <img height="100%;" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3705310863,2037219726&fm=26&gp=0.jpg">
        </div>
      </div>
    </div>
    <!--<group label-width="4.5em" label-margin-right="2em" label-align="right">-->
      <!--<panel :list="list" :type="type"></panel>-->
    <!--</group>-->
    <!--<group>-->
      <!--<cell title="个人资料" is-link link="/project1/view3/info"></cell>-->
    <!--</group>-->
    <!--<group>-->
      <!--<cell title="购物车" is-link link="/project1/view2/cart"></cell>-->
      <!--<cell title="我的订单" is-link link="/project1/view3/order"></cell>-->
      <!--<cell title="我的地址" is-link link="/project1/view3/address"></cell>-->
      <!--<cell title="系统消息" is-link link="/project1/view3/message"></cell>-->
    <!--</group>-->
    <!--<group>-->
      <!--<cell title="设置" is-link link="/project1/view3/set"></cell>-->
    <!--</group>-->
  </div>
</template>

<script>
  import { Panel, Group, Cell } from 'vux'
  export default {
    name: "Main",
    components: {
      Panel,Group,Cell
    },
    methods: {

    },
    data () {
      return {
        type: '1',
        list: [{
          src: this.config1.globalInfo.user.head_url?this.config1.globalInfo.user.head_url:'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3705310863,2037219726&fm=26&gp=0.jpg',
          fallbackSrc: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
          title: this.config1.globalInfo.user.nick,
          desc: '姓名：'+this.config1.globalInfo.user.name,
          url: ''
        }],
      }
    }
  }
</script>

<style scoped>
.info{
  height:50px;
}
  .info-img{
    height:50px;
    width:50px;
    border-radius: 50%;
    overflow: hidden;
  }
</style>
